.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
a{
    text-decoration: none !important;
}
body{
    background: #faf6f7;
}
#head{
    width:100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    .pxToRem(height, 105);
    background: #b59969;
    display: flex;
   align-items: center;
    justify-content: space-between;
    z-index: 999;
    .xh{
            .pxToRem(width, 285);
         .pxToRem(font-size, 28); 
         
         border: 1px solid #fff;
         .pxToRem(padding,7);
           background: #fff;
            display: flex;
            
            justify-content:space-around;
           .pxToRem(border-radius,50);
           .wo{
               .pxToRem(letter-spacing,10);
                .pxToRem(width, 150);
               border: 1px solid #b69967;
              .pxToRem(border-radius,50);
              background: #b69967;
             color: #fff;
             .pxToRem(line-height,50);
               text-align: center;
           }
           .yl{
                .pxToRem(width, 150);
               .pxToRem(padding-left, 30);
          .pxToRem(letter-spacing,10);
             color: #b69967;
              .pxToRem(line-height,50);
               text-align: center;
           }
        
    }
    .dian{
        .pxToRem(font-size,10);
        
         color: #fff;
    }
}


#main{
    width: 100%;
    .pxToRem(margin-top, 110);
    display: flex;
    align-items: center;
    justify-content: center;
    
    flex-wrap: wrap;
    dl{
        
        width: 25%;
        
        text-align: center;
         .pxToRem(padding-top,70); 
        dd{
          .pxToRem(padding-top,20); 
          .pxToRem(font-size, 30); 
         .pxToRem(letter-spacing,2);
         color: #6a6a6a;
        }
        dt{
           
            img{
               width: 55%; 
                
            }
        }
       
    }
}
.bottom{
     width: 100%;
    .pxToRem(padding,40);
    box-sizing: border-box;
    p{
       
        color: #6a6a6a;
        .pxToRem(font-size, 30); 
    }
}

.maintow{
    width: 100%;
     .pxToRem(margin-top,30);
     .pxToRem(margin-bottom,110);
    dl{
        width: 100%;
        display: flex;
//      align-items: center;
        justify-content: space-around;
        
         border-bottom: 1px solid #ccc;
          .pxToRem(padding-top,20);
          .pxToRem(padding-bottom,20);
        dd{
            width: 70%;
            .pxToRem(letter-spacing, 7);
          color: #3e3e3e;
          .pxToRem(font-size,30);
          .pxToRem(line-height,50);
        }
        dt{
            width: 20%;
//           .pxToRem(padding,30);  
            img{
                width: 100%;
            }
        }
    }
}



#foot {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: 1px solid #b2b2b2;
    display: flex;
    justify-content: center;
    align-items: center;
    .pxToRem(height, 110); 
    background: #fdfdfd;
    z-index: 99;
    .foote {
        flex: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
        height: 100%;
        color: #bfb9b9;
        
        .sps{
            .pxToRem(font-size,40);
            display: inline-block;
        .pxToRem(padding-bottom,10);
         color: #666666;
        }
        .sp{
            color:#b69a63 ;
        }
    }
}